<template>
  <van-row>
    <div class="top"></div>
    <img src="../../assets/logo-email-template.png" style="width: 100%;" alt="">
    <van-cell-group>
      <van-field
        v-model="info[0]"
        type="tel"
        label="手机号"
        icon="question"
        left-icon="contact"
        placeholder="请输入手机号码"
        @click-icon="question"
      />

      <van-field
        v-model="imgWord"
        label="验证码"
        left-icon="records"
        placeholder="请输入密码"
      />
      <van-field
        center
        v-model="info[1]"
        left-icon="edit-data"
        label="短信码"
        placeholder="请输入短信验证码"
      >
        <van-button slot="button" size="small" type="primary">发送验证码</van-button>
      </van-field>
    </van-cell-group>
    <div class="top"></div>
    <router-link to="/loginUser">
      <van-row type="flex" justify="center">
        <van-button type="primary" size="large" round style="width: 330px">进入系统</van-button>
      </van-row>
    </router-link>
    <div class="bottom"></div>
  </van-row>
</template>

<script>
import {Dialog} from 'vant'
// info存储的是用户输入的手机号和短信验证码
// imgWord存储的是用户输入的图形验证码
// 取到内容后发送ajax请求获取登录信息路由跳转
export default {
  name: 'user',
  data () {
    return {
      info: [],
      imgWord: ''
    }
  },
  methods: {
    question () {
      Dialog.alert({
        title: '提示',
        message: '请输入注册纳新系统时绑定的号码'
      })
    }
  }
}
</script>

<style scoped>
</style>
